.home-activity-container {
  background-color: #F5F5F5;
  // height: 100vh;
  overflow: scroll;
  .title-bar{
    padding-top: 49px!important;
  }
  .title-bar-light {
    box-shadow: none !important;
  }

  .home-activity-header {
    display: flex;
    background-color: #fff;
    z-index: 999;
    position: fixed;
    width: 100%;
    height: 52px;
    .home-activity-header-item {
      flex: 1;
      text-align: center;
      height: 48px;
      line-height: 48px;
      font-size: 14px;
      font-weight: bold;
      position: relative;

      image {
        width: 13px;
        height: 8px;
        display: inline-block;
        margin-left: 6px;
      }

      .home-activity-arrow {
        display: inline-block;
        height: 20px;
        width: 20px;
        position: relative;

      }

    }

    .ASC {
      .home-activity-up {
        background-image: url('https://file.linkcook.cn/image/wineMiniProgram/activity/up-active.png');
      }

      .home-activity-down {
        background-image: url('https://file.linkcook.cn/image/wineMiniProgram/activity/down-unactive.png');
      }
    }

    .DESC {
      .home-activity-up {
        background-image: url('https://file.linkcook.cn/image/wineMiniProgram/activity/up-unactive.png');
      }

      .home-activity-down {
        background-image: url('https://file.linkcook.cn/image/wineMiniProgram/activity/down-active.png');

      }
    }

    .home-activity-up {
      position: absolute;
      width: 8px;
      height: 4px;
      display: inline-block;
      background-size: cover;
      top: 10px;

    }

    .home-activity-down {
      position: absolute;
      width: 8px;
      height: 4px;
      display: inline-block;
      background-size: cover;
      top: 16px;
    }

  }

  .home-activity-header-mask {
    background-color: rgba(0, 0, 0, .5);
    width: 100%;
    position: fixed;
    z-index: 99;
  }

  .home-activity-header-modal {
    position: absolute;
    width: 100%;
    background-color: #fff;

    .home-activity-header-modal-item {
      height: 44px;
      line-height: 44px;
      font-size: 14px;
      color: rgba(0, 0, 0, .9);
      padding: 0 16px;

      width: calc(100% - 32px);
      display: flex;
      justify-content: space-between;

      image {
        width: 19px;
        height: 13px;
        display: inline-block;
        top: 15px;
        position: relative;
      }
    }
  }
  .modal-city-container{
    margin-top: 49px;
  }

}